 @import url(../reindeer/styles.css);

/* ================= OVERRIDEN VAADIN STYLES BEGIN ================= */
.v-accordion-item-caption {
    font-size: 11pt;
    color: #333333;
    font-family: Century Gothic, sans-serif;
    height: 26px;
    background: #feffff;
    background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef));
    background: -webkit-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -o-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -ms-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: linear-gradient(to right, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=1 );
}

.v-accordion-item-caption .v-caption { /* copy/paste because vaadin overrides styles on runtime :( */
    background: #feffff;
    background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef));
    background: -webkit-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -o-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -ms-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: linear-gradient(to right, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=1 )
}

.v-accordion-item-content {
    font-size: 10pt;
}
/* ================= OVERRIDEN VAADIN STYLES END ================= */

.contact {
    margin: 4px;
    font-size: 11pt;
    padding-left: 16px;
}

.contact-popup {
    background: white;
}

.contact-popup-btn {
    margin: 5px;
}

.contact-name {
    font-weight: bold;
    font-size: large;
}

.contact-email {
    font-style: italic;
}

.contact-pic {
    padding-right: 60px;
}

.padded {
    padding: 10px;
}

.marged {
    margin: 10px;
}

.add-contact-btn {
    margin-top: 16px;
    margin-left: 16px;
}

.contacts-logo {
    padding-left: 36px;
}

.contact-font {
    color: #333333;
    font-family: Century Gothic, sans-serif;
}

.contacts-panel {
    background: #feffff;
    background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef));
    background: -webkit-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -o-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: -ms-linear-gradient(left, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: linear-gradient(to right, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=1 );
}

.logout-link {
    text-decoration: underline;
    color: #00008b;
    cursor: pointer;
}

.recent-mail {
    font-family:Georgia,serif;
    color:#4E443C;
    font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
    font-size: 22pt;
    margin-top: 8px;
    margin-bottom: 12px;
}

.email-widget {
    margin-left: 8px;
    margin-right: 8px;
}

.email-widget-buttons {
    margin-bottom: 8px;
    margin-right: 8px;
}

.left-marged {
    margin-left: 8px;
}
